<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/head.css">
</head>

<body>
    <header>
        <div class="headcon">

            <div class="headleft">
                金象大药房网上商城
                <a href="t-sign.html">登录</a>
                <span>|</span>
                <a href="register.html">注册</a></div>
            <div class="headright">
                <ul>
                    <li>我的订单</li>
                    <li>新手指南</li>
                    <li>
                        <section></section>

                        收藏本站

                    </li>
                    <li>
                        <section></section>
                        微信扫一扫

                        <img src="../images/wxcode.png" alt="">

                    </li>
                </ul>

            </div>


        </div>

    </header>
    <nav>
        <img src="../images/logo.png" alt="">
        <div>
            <a href="../index.html">
                <section>首页</section>
            </a>
            <a href="list.html">
                <section class="orange"> 中西药品</section>
            </a>
            <a href="">
                <section>母婴专区</section>
            </a>
            <section>滋补养生</section>
            <section>营养保健</section>
            <section>医疗器械</section>
        </div>
        <input type="text" placeholder="请输入关键字搜索">
        <button>搜索</button>
    </nav>


    <script src="../jquery-1.9.1/jquery-1.9.1.min.js"></script>
    <script>
        $('.headright li:nth-of-type(4) ').mouseenter(function() {
            $(this).find('img').css({
                display: 'block'
            })
        })
        $('.headright li:nth-of-type(4) ').mouseleave(function() {
            $(this).find('img').css({
                display: 'none'
            })
        })
        $('nav div section').mouseenter(function() {
            $(this).css({
                color: ' #ff6700'
            })
        })
        $('nav div section').mouseleave(function() {
            $(this).css({
                color: ' #333'
            })
        })
        $('nav div a').css('color', '#333')
        $('nav div a').mouseenter(function() {
            $(this).css({
                textDecoration: 'none'
            })

        })
        $('nav').css('background', 'white')
    </script>
</body>

</html>